<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="./css/add_event.css">
</head>
<body> -->

<div id="div_hold0" class="dialg_hold0">
	<div id="div_titbar" class="dialg_titbar">Agregar Evento</div>
	<form action="index.php?func={FUNC_CAL}&fcal={FCAL_ADD_EVENT}&fadde={FADDE_ADD}" id="form_ae" method="post" enctype="multipart/form-data">
		<div id="div_tit" class="dialg_hold2">
			<div id="div_tit1" class="dialg_hold3">
				<label for="ae_titulo">Titulo</label>
				<input id="ae_titulo" name="ae_titulo" type="text" />
			</div>
			<div id="div_tit2" class="dialg_hold3">
				<label for="ae_ubicacion">Ubicación</label>
				<input id="ae_ubicacion" name="ae_ubicacion" type="text" />
			</div>
		</div>
		<div id="div_clas" class="dialg_hold2">
			<div id="div_clas0" class="dialg_hold3">
				<label for="ae_calendario">Calendario</label>
				<select id="ae_calendario" name="ae_calendario">
					{option_calendarios}
				</select>
			</div>

			<div id="div_clas1" class="dialg_hold3">
				<label for="ae_categoria">Categoría</label>
				<select id="ae_categoria" name="ae_categoria">
					<option value="0">cat1</option>
				</select>
			</div>
			<div id="div_clas2" class="dialg_hold3">
				<label for="ae_ambito">Ámbito</label>
				<select id="ae_ambito" name="ae_ambito">
					<option value="0">cat1</option>
				</select>
			</div>
			<div id="div_clas3" class="dialg_hold3">
				<label for="ae_prioridad">Prioridad</label>
				<select id="ae_prioridad" name="ae_prioridad">
					<option value="1">1</option>
					<option value="2">2</option>
					<option value="3" SELECTED>3</option>
					<option value="4">4</option>
					<option value="5">5</option>
				</select>
			</div>
		</div>
		<div id="div_hor" class="dialg_hold2">
			<div id="div_hor0">
				<div id="div_hor0_0">
					Tipo
				</div>
				<div id="div_hor0_1">
					<input type="radio" id="ae_rad_evento" name="ae_tipo" value="Evento" checked="checked"/>Evento<br />
					<input type="radio" name="ae_tipo" value="Tarea" />Tarea<br />
				</div>
			</div>
			<div id="div_hor1" class="dialg_hold3">
				<input type="checkbox" id="ae_chk_fini" name="ae_chk_fini" checked="checked" disabled="disabled" />
				<label for="ae_finicio">Inicio</label>
				<input id="ae_finicio" name="ae_finicio" type="text" value="{fecha_ini}"/>

				<div id="div_hor1_2">
					<input type="checkbox" id="ae_chk_hoasoc" name="ae_chk_hoasoc" checked="checked" />&nbsp;Hora asociada&nbsp;
				</div>

				<div id="div_ae_holdbox1">
					<select id="sel_ae_horin" name="sel_ae_horin">
						{select_hora1}
					</select>
					<input id="ae_hinicio" name="ae_hinicio" type="text" value="{hora_ini}" />
				</div>
			</div>
			<div id="div_hor2" class="dialg_hold3">
				<input type="checkbox" id="ae_chk_ffin" checked="checked" disabled="disabled" />
				<label for="ae_ffin">Fin</label>
				<input id="ae_ffin" name="ae_ffin" type="text" value="{fecha_fin}" />
				<div id="div_hor1_3">
				</div>
				<div id="div_ae_holdbox2">
					<select id="sel_ae_horfi" name="sel_ae_horfi">
						{select_hora2}
					</select>
					<input id="ae_hfin" name="ae_hfin" type="text" value="{hora_fin}" />
				</div>
			</div>
			<div id="div_hor3" class="dialg_hold3">
				<label for="ae_recurrente">Recurrente</label> <br />
				<input type="radio" name="ae_recurrente" id="ae_rec_no" value="no" checked="checked" />&nbsp;No <br />
				<input type="radio" name="ae_recurrente" id="ae_rec_diaria" value="diaria" />&nbsp;Diaria 
					<span id="sp_ae_no" class="sp_ae_rec">cada&nbsp; 
						<input type="text" id="ae_in_rec_d" name="ae_in_rec_d" class="ae_in_rec" value="1" disabled="disabled" />&nbsp;dias</span><br />
				<input type="radio" name="ae_recurrente" id="ae_re_semanal" value="semanal" />&nbsp;Semanal 
					<span class="sp_ae_rec">cada&nbsp; 
						<input type="text" id="ae_in_rec_s" name="ae_in_rec_s" class="ae_in_rec" value="1" disabled="disabled" />&nbsp;semanas</span> 
					<span class="sp_ae_rec2">
						<input type="checkbox" id="ae_chk_lu" name="ae_chk_lu" value="lu" disabled="disabled" />&nbsp;Lu&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_ma" name="ae_chk_ma" value="ma" disabled="disabled" />&nbsp;Ma&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_mi" name="ae_chk_mi" value="mi" disabled="disabled" />&nbsp;Mi&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_ju" name="ae_chk_ju" value="ju" disabled="disabled" />&nbsp;Ju&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_vi" name="ae_chk_vi" value="vi" disabled="disabled" />&nbsp;Vi&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_sa" name="ae_chk_sa" value="sa" disabled="disabled" />&nbsp;Sa&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="checkbox" id="ae_chk_do" name="ae_chk_do" value="do" disabled="disabled" />&nbsp;Do&nbsp;&nbsp;&nbsp;&nbsp;
					</span><br />
				<input type="radio" name="ae_recurrente" id="ae_rec_mensual" value="mensual" />&nbsp;Mensual 
					<span class="sp_ae_rec">cada&nbsp; 
						<input type="text" id="ae_in_rec_m" name="ae_in_rec_m" class="ae_in_rec" value="1" disabled="disabled" />&nbsp;meses</span><br />
				<input type="radio" name="ae_recurrente" id="ae_rec_anual" value="anual" />&nbsp;Anual 
					<span class="sp_ae_rec">cada&nbsp; 
						<input type="text" id="ae_in_rec_a" name="ae_in_rec_a" class="ae_in_rec" value="1" disabled="disabled" />&nbsp;años</span><br />
			</div>
		</div>
		<div id="div_desc" class="dialg_hold2">
			<div id="div_desc1" class="dialg_hold3">
				<textarea name="ae_descripcion">Descripción</textarea>
			</div>
		</div>
		<div id="div_butt" class="dialg_hold2">
			<div id="div_butt1" class="dialg_hold3">
				<input type="submit" value="OK" />
				<input type="button" value="Cancelar" id="but_ae_cancelar" />
			</div>
		</div>
	</form>
</div>
<script type="text/javascript">
$(document).ready( function() {
		$.tools.dateinput.localize("sp",  {
			months:        'Enero, Febrero, Marzo, Abril, Mayo, Junio, Julio, Agosto, Septiembre, Octubre, Noviembre, Diciembre',
			shortMonths:   'Ene,Feb, Mar, Abr, May, Jun, Jul, Agost, Sept, Oct, Nov, Dic',
			days:          'Domingo, Lunes, Martes, Miercoles, Jueves, Viernes, Sabado',
			shortDays:     'Dom, Lun, Mar, Mie, Jue, Vie, Sa'
		});

		$("#ae_finicio").dateinput({ trigger: true, format: 'dd/mm/yyyy', offset: [2, 0], firstDay: 1, min: -1, lang: 'sp', selectors: true });
		$("#ae_ffin").dateinput({ trigger: true, format: 'dd/mm/yyyy', offset: [2, 0], firstDay: 1, min: -1, lang: 'sp', selectors: true });

		// use the same callback for two different events. possible with bind
		$("#ae_finicio").bind("onShow onHide", function()  {
			$(this).parent().toggleClass("active");
		});

		// when first date input is changed
		$("#ae_finicio").data("dateinput").change(function() {
			// we use it's value for the seconds input min option
			$("#ae_ffin").data("dateinput").setMin(this.getValue(), true);
		});

		$('#sel_ae_horin').change( function() {
				$('#ae_hinicio').val( $(this).val());
			});

		$('#sel_ae_horfi').change( function() {
				$('#ae_hfin').val( $(this).val());
			});

		// Radio tipo
		$('[name="ae_tipo"]').change( function() {
				if( $(this).val() == "Evento") {
// 					$('#').prop('disabled', true);
// 					$('#').prop('disabled', false);
					$('#ae_chk_fini').prop('disabled', true);
					$('#ae_chk_ffin').prop('disabled', true);

					$('#ae_chk_fini').prop('checked', true);
					$('#ae_chk_ffin').prop('checked', true);

					$('#ae_finicio').prop('disabled', false);
					if( $('#ae_chk_hoasoc').prop('checked')) {
						$('#sel_ae_horin').prop('disabled', false);
						$('#ae_hinicio').prop('disabled', false);
						$('#sel_ae_horfi').prop('disabled', false);
						$('#ae_hfin').prop('disabled', false);
					}

					$('#ae_ffin').prop('disabled', false);
				} else {
					$('#ae_chk_fini').prop('disabled', false);
					$('#ae_chk_ffin').prop('disabled', false);

				}
			});

		// Fecha inicio
		$('#ae_chk_fini').change( function() {
				if( $(this).prop('checked')) {
					$('#ae_finicio').prop('disabled', false);
					if( $('#ae_chk_hoasoc').prop('checked')) {
						$('#sel_ae_horin').prop('disabled', false);
						$('#ae_hinicio').prop('disabled', false);
					}
				} else {
					$('#ae_finicio').prop('disabled', true);
					$('#sel_ae_horin').prop('disabled', true);
					$('#ae_hinicio').prop('disabled', true);
				}

			});

		// Fecha termino
		$('#ae_chk_ffin').change( function() {
				if( $(this).prop('checked')) {
					$('#ae_ffin').prop('disabled', false);
					if( $('#ae_chk_hoasoc').prop('checked')) {
						$('#sel_ae_horfi').prop('disabled', false);
						$('#ae_hfin').prop('disabled', false);
					}
				} else {
					$('#ae_ffin').prop('disabled', true);
					$('#sel_ae_horfi').prop('disabled', true);
					$('#ae_hfin').prop('disabled', true);
				}

			});

		// hora asociada
		$('#ae_chk_hoasoc').change( function() {
				if( $(this).prop('checked')) {
					if( $('#ae_chk_fini').prop('checked')) {
						$('#sel_ae_horin').prop('disabled', false);
						$('#ae_hinicio').prop('disabled', false);
					}

					if( $('#ae_chk_ffin').prop('checked')) {
						$('#sel_ae_horfi').prop('disabled', false);
						$('#ae_hfin').prop('disabled', false);
					}
				} else {
					$('#sel_ae_horin').prop('disabled', true);
					$('#ae_hinicio').prop('disabled', true);
					$('#sel_ae_horfi').prop('disabled', true);
					$('#ae_hfin').prop('disabled', true);
				}

			});
		// Recurrente
		$('[name="ae_recurrente"]').change( function() {
				switch( $(this).val()){
					case 'no':
						$('#div_hor3 input[type|="checkbox"]').prop('disabled', true);
						$('#ae_in_rec_d').prop('disabled', true);
						$('#ae_in_rec_s').prop('disabled', true);
						$('#ae_in_rec_m').prop('disabled', true);
						$('#ae_in_rec_a').prop('disabled', true);
						break;
					case 'diaria':
						$('#div_hor3 input[type|="checkbox"]').prop('disabled', true);

						$('#ae_in_rec_d').prop('disabled', false);
						$('#ae_in_rec_s').prop('disabled', true);
						$('#ae_in_rec_m').prop('disabled', true);
						$('#ae_in_rec_a').prop('disabled', true);
						break;
					case 'semanal':
						$('#div_hor3 input[type|="checkbox"]').prop('disabled', false);

						$('#ae_in_rec_d').prop('disabled', true);
						$('#ae_in_rec_s').prop('disabled', false);
						$('#ae_in_rec_m').prop('disabled', true);
						$('#ae_in_rec_a').prop('disabled', true);
						break;
					case 'mensual':
						$('#div_hor3 input[type|="checkbox"]').prop('disabled', true);
						$('#ae_in_rec_d').prop('disabled', true);
						$('#ae_in_rec_s').prop('disabled', true);
						$('#ae_in_rec_m').prop('disabled', false);
						$('#ae_in_rec_a').prop('disabled', true);
						break;
					case 'anual':
						$('#div_hor3 input[type|="checkbox"]').prop('disabled', true);
						$('#ae_in_rec_d').prop('disabled', true);
						$('#ae_in_rec_s').prop('disabled', true);
						$('#ae_in_rec_m').prop('disabled', true);
						$('#ae_in_rec_a').prop('disabled', false);
						break;
				}
			});

		$('#form_ae').submit( function() {
				$.post( $(this).attr('action'), $(this).serialize(), function ( data) {
						if( data.error == 0) {
							$("#a_add_event").overlay().close();
							$("#div_by_time").load('index.php?func={FUNC_CAL}&fcal={FCAL_LOAD_DIV_BY_TIME}', {year: Y, month: M, day:D});
						} else {
							console.log( data.error);
						}
					}, 'json');
				return false;
			});

		$('#but_ae_cancelar').click( function() {
				$("#a_add_event").overlay().close();
			});

	});
</script>

<!--</body>
</html>-->

